<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        body{
            background-color: #2A2A2A;
        }
        ul{
            list-style-type:none;
            position:absolute;
            width:230px;
            left:0;
            top:20px;
            padding:0;
            margin:0;
        }
        li{
            float:left;
            width:230px;
            height:64px;
            text-align:center;
            color: #828282;
            font-size: 16px;

        }
        li div{
            height: 64px;
            padding-top: 24px;
        }
        a{
            color: #828282;
            height: 64px;
        }
        a:link {
            text-decoration: none;
        }
        a:visited {
            text-decoration: none;
        }
        a:hover {
            text-decoration: none;
        }
        a:active {
            text-decoration: none;
        }
    </style>
    <script type="text/javascript" src="/resource/script/jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("li").each(function () {
                $(this).addClass("un-selected");
                $(this).mouseover(function(){
                    if($(this).hasClass("un-selected")){
                        $(this).css("background-color","#202020");
                    }
                });
                $(this).mouseout(function(){
                    if($(this).hasClass("un-selected")){
                        $(this).css("background-color","#2A2A2A");
                    }
                });
                $(this).click(function(){
                    $("li").each(function () {
                        $(this).css("background-color","#2A2A2A");
                        if(!$(this).hasClass("un-selected")){
                            $(this).addClass("un-selected");
                        }
                        $(this).children("div").eq(0).children("a").eq(0).css("color","#828282");
                    });
                    $(this).css("background-color","#F49C33");
                    $(this).removeClass("un-selected");
                    $(this).children("div").eq(0).children("a").eq(0).css("color","#FFFFFF");
                    $(this).children("div").eq(0).children("a").eq(0)[0].click();
                });
            });
        });
    </script>
</head>
<body>
<div>
    <ul>
        <li>
            <div>
                <a href="/customer" target="fbody">用户管理</a>
            </div>
        </li>
        <li>
            <div>
                <a href="/shop" target="fbody">门店管理</a>
            </div>
        </li>
        <li>
            <div>
                <a href="/barber" target="fbody">技师管理</a>
            </div>
        </li>
        <li>
            <div>
                <a href="/order" target="fbody">订单管理</a>
            </div>
        </li>
        <li>
            <div>
                <a href="/coupon" target="fbody">优惠劵管理</a>
            </div>
        </li>
        <li>
            <div>
                <a href="/income/platform" target="fbody">平台收入</a>
            </div>
        </li>
        <li>
            <div>
                <a href="/income/shop" target="fbody">门店收入</a>
            </div>
        </li>
    </ul>
</div>
</body>
</html>